<template>
	<view class="box">
		<view class="empty">
			
		</view>
		<view class="main">
			<view class="mainitem" @click="goservicerule" >
				<text>服务协议</text>
				<image :src="baseUrl + '/static/icon/bigright.png'" mode="aspectFill"></image>
			</view>
			<view class="mainitem"  @click="goprivacyrule">
				<text>隐私政策</text>
				<image :src="baseUrl + '/static/icon/bigright.png'" mode="aspectFill"></image>
			</view>
			<view class="mainitem"  @click="goaboutrule" >
				<text>其他协议</text>
				<image :src="baseUrl + '/static/icon/bigright.png'" mode="aspectFill"></image>
			</view>
			<view class="mainitem" @click="gobusiness" >
				<text>经营资质</text>
				<image :src="baseUrl + '/static/icon/bigright.png'" mode="aspectFill"></image>
			</view>
		</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				baseUrl: this.$imageBaseUrl,
			}
		},
		onLoad() {
	 
		},
		onReady() {
		},
		methods: {
			goservicerule(){
				uni.navigateTo({
					url:"/pageUser/myuser/servicerule"
				})
			},
			goprivacyrule(){
				uni.navigateTo({
					url:"/pageUser/myuser/privacyrule"
				})
			},
			goaboutrule(){
				uni.navigateTo({
					url:"/pageUser/myuser/aboutrule"
				})
			},
			gobusiness(){
				uni.navigateTo({
					url:"/pageUser/myuser/business"
				})
			}
		},
	}
</script>

<style lang="scss">
.box{
	width: 750rpx;
	height: 100vh;
	background: #F7F7F7;
}
.main{
width: 750rpx;
// height: 642rpx;
background: #FFFFFF;
border-radius: 0rpx 0rpx 0rpx 0rpx;
// margin-top: 40rpx;
}
.mainitem{
	width: 690rpx;
	height: 92rpx;
	margin: 0 auto;
	border-bottom:2rpx solid #F7F7F7;
	display: flex;
	align-items: center;
	justify-content: space-between;
	>text{
		font-weight: 400;
		font-size: 30rpx;
		color: #3D3D3D;
	}
	>image{
		width: 14rpx;
		height: 28rpx;
	}
}
.empty{
	width: 750rpx;
	height: 24rpx;
	background: #F7F7F7;
}
.btn{
	width: 750rpx;
	height: 90rpx;
	background: #FFFFFF;
	border-radius: 0rpx 0rpx 0rpx 0rpx;
	text-align: center;
	line-height: 90rpx;
	margin-top: 94rpx;
	font-weight: 400;
	font-size: 30rpx;
	color: #3D3D3D;
}
</style>
